<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IFrameTab组件</title>
<style>
body{background-color:#FFF;margin-top:0;margin-right:0;margin-left:0;margin-bottom:0;}
.wTab{font-size:14px;background-image:url(imagesUI/tabs/subTabBG.png);background-repeat:repeat-x;}
.wTab ul{margin:0;padding:0; list-style:none;}
.wTab #Tabs li{position:relative;bottom:-1px;left:5px;height:35px;line-height:30px;margin-left:5px;
text-align:center;cursor:pointer;overflow:hidden;float:left;}
.wTab #Tabs #Tab0{z-index:9;left:0}
.wTab #Tabs #Tab1{z-index:8;left:0px;}
.wTab #Tabs #Tab2{z-index:7;left:0px;}
.wTab #Tabs #Tab3{z-index:6;left:0px;}
.wTab #Tabs #Tab4{z-index:5;left:0px;}
.wTab #Tabs #Tab5{z-index:4;left:0px;}
.wTab .tab{color:#000;background-image:url(imagesUI/tabs/subTab-mid.png);width:auto;height:26px;bottom:0;background-repeat:repeat-x;position:relative;top:6px;left:4px;}
.wTab .tabH{border-bottom:0;font-weight:bold;color:#000;background-image:url(imagesUI/tabs/subTabH-mid.png);width:auto;height:27px;z-index:10;background-repeat:repeat-x;position:relative;top:6px}
.wTab .tabContent{clear:both;width:99.8%;height:auto;border:0;z-index:11}
.wTab .tabH .tabLeft{border-bottom:0;font-weight:bold;color:#000;background-image:url(imagesUI/tabs/subTabH-left.png);width:8px;height:27px;z-index:10;background-repeat:no-repeat;position:relative;}
.wTab .tabH .tabRight{border-bottom:0;font-weight:bold;color:#000;background-image:url(imagesUI/tabs/subTabH-right.png);width:10px;height:27px;z-index:10;background-repeat:no-repeat;position:relative;}
.wTab .tab .tabLeft{border-bottom:0;font-weight:bold;color:#000;background-image:url(imagesUI/tabs/subTab-left.png);width:8px;height:27px;z-index:10;background-repeat:no-repeat;position:relative;}
.wTab .tab .tabRight{border-bottom:0;font-weight:bold;color:#000;background-image:url(imagesUI/tabs/subTab-right.png);width:10px;height:27px;z-index:10;background-repeat:no-repeat;position:relative;}

</style>
<script src="wTab-use.js"></script>
<script src="jquery-1.8.0.min.js"></script>

</head>

<body>

<div id="p1"></div>
<div id="p2"></div>

<div id="tab3">
	<div style="padding:20px;">
	<div onclick="alert('click');">click</div>
	<div id="e" style="font-wieght:bold; text-decoration:underline;cursor:pointer;color:#06F">About</div>
    </div>
</div>

</body>
</html>

<script>
var tab = new wTab();
tab.addTab("tab页签一","a.html");
tab.addTab("tab页签二","b.html");
tab.addTab("tab页签二","tab3");
tab.isdivtab=true;
tab.initTab("p1");

var tab2 = new wTab();
tab2.addTab("tab页签111","a.html");
tab2.addTab("tab页签222","b.html");
tab2.addTab("tab页签333","tab3");
tab2.click=function(index){alert(index);};
tab2.initTab("p2");

$("#e").click(function(){wTab.About()});


</script>

